<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="js/jquery.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1223203_jxh3kvyjnp.css">
  <link href='https://fonts.googleapis.com/css?family=Caveat:400,700' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/introduce.css">
  <base target="_blank">
</head>

<body>
  <!-- 导航栏开始 -->
  <div class="headerpage "></div>
  <!-- 导航栏结束 -->
  <!-- 第一页面开始 -->
  <!-- 网页主体开始 -->
  <div class="row m-0 w-100 mybanner">
    <!-- 左侧第一列开始 -->
    <div class="col-12 p-0  w-100 main2 img ">
      <a href="#" class="d-block w-100 h-100 index10">
        <div class="w-100 h-100 parent1">
          <div class="text-light child1 index10 ">
            <h1 class="font-h1 mb-3">个人/介绍</h1>
            <p class="font-gray px-4">伟大的力量存在于我们的内心，笑容改变世界。</p>
          </div>
          <div class="bg bg-active"></div>
        </div>
        <div class="my-center">
          <i class="iconfont icon-xiajiantou arrows1 "></i>
        </div>
      </a>
    </div>
  </div>
  <!-- 左侧第一列结束 -->
  <!-- 第一页面结束 -->
  <!-- 下列图片列表开始 -->
  <div class="my-gray">
    <div class="pt-4 container p-0">
      <div class="row mx-0">
        <!-- 第1个图片开始 -->
        <div class="col-md-4 col-sm-6 p-3 ">
          <div class="  my-border bg-white w-100">
            <img src="images/1.jpg" class="w-100">
            <p class="mt-3 my-font pl-2">Works Show</p>
          </div>
        </div>
        <!-- 第1个图片结束 -->
        <!-- 第2个图片开始 -->
        <div class="col-md-4 col-sm-6 py-3 ">
          <div class="  my-border bg-white w-100">
            <img src="images/2.jpg" class="w-100">
            <p class="mt-3 my-font pl-2">Works Show</p>
          </div>
        </div>
        <!-- 第2个图片结束 -->
        <!-- 第3个图片开始 -->
        <div class="col-md-4 col-sm-6 p-3 ">
          <div class="  my-border bg-white w-100">
            <img src="images/3.jpg" class="w-100">
            <p class="mt-3 my-font pl-2">Works Show</p>
          </div>
        </div>
        <!-- 第3个图片结束 -->
        <!-- 第1个图片开始 -->
        <div class="col-md-4 col-sm-6 p-3 ">
          <div class="  my-border bg-white w-100">
            <img src="images/4.jpg" class="w-100">
            <p class="mt-3 my-font pl-2">Works Show</p>
          </div>
        </div>
        <!-- 第1个图片结束 -->
        <!-- 第2个图片开始 -->
        <div class="col-md-4 col-sm-6 py-3 ">
          <div class="  my-border bg-white w-100">
            <img src="images/5.jpg" class="w-100">
            <p class="mt-3 my-font pl-2">Works Show</p>
          </div>
        </div>
        <!-- 第2个图片结束 -->
        <!-- 第3个图片开始 -->
        <div class="col-md-4 col-sm-6 p-3 ">
          <div class="  my-border bg-white w-100">
            <img src="images/6.jpg" class="w-100">
            <p class="mt-3 my-font pl-2">Works Show</p>
          </div>
        </div>
        <!-- 第3个图片结束 -->
        <!-- 第1个图片开始 -->
        <div class="col-md-4 col-sm-6 p-3 ">
          <div class="  my-border bg-white w-100">
            <img src="images/7.jpg" class="w-100">
            <p class="mt-3 my-font pl-2">Works Show</p>
          </div>
        </div>
        <!-- 第1个图片结束 -->
        <!-- 第2个图片开始 -->
        <div class="col-md-4 col-sm-6 py-3 ">
          <div class="  my-border bg-white w-100">
            <img src="images/8.jpg" class="w-100">
            <p class="mt-3 my-font pl-2">Works Show</p>
          </div>
        </div>
        <!-- 第2个图片结束 -->
        <!-- 第3个图片开始 -->
        <div class="col-md-4 col-sm-6 p-3 ">
          <div class="  my-border bg-white w-100">
            <img src="images/9.jpg" class="w-100">
            <p class="mt-3 my-font pl-2">Works Show</p>
          </div>
        </div>
        <!-- 第3个图片结束 -->
      </div>
    </div>
    <!-- 下列图片列表结束 -->

  </div>
  <script>
    // 引入header所需要的js开始
    $('.headerpage').load('header.html');
    // 引入header所需要的js结束
  </script>
</body>

</html>